<template>

            <div class="u-block">
                <h3>成功!</h3>
                <ul class="u-media">
                    <li class="itm">
                        <div class="left">
                            <a href="javascript:;">
                                <img class="media-object thumbnail" :src="icon" alt="...">
                            </a>
                        </div>
                        <div class="body">
                            <h5 class="media-heading">己收到您的订单</h5>
                            <small>我们会尽快为您安排发货！谢谢.</small>
                            <p><a class="btn btn-primary btn-sm" href="/" role="button">返回</a></p>
                        </div>
                    </li>
                </ul>
            </div>
</template>

<script>
import Vue from 'vue'
/*element*/
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI, { size: 'small' })
export default {
    data() {
        return {
           icon:require('@/assets/img/success.svg')
        }
    }
}
</script>
<style scoped lang="scss">
  .u-media{list-style: none;margin:0;padding:0;}
  .u-media .itm{margin-top:10px;}
  .u-media .itm:first-child{margin-top:0;}
  .u-media .body,
  .u-media .left,
  .u-media .right {
    display: table-cell;
    vertical-align: top;
}
.u-media .left{padding-right: 10px;}
.u-media .body{verflow: hidden;zoom: 1;}

.u-media .thumbnail{width:150px;}
</style>